<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Json和js对象的互转</title>
</head>
<body>
    <script>
        var obj = {name:"张三", age:18, gender:"男"};    //js 对象
        var str = '{"name":"张三","age":18,"gender":"男"}'; // JSON 字符串

        // JS对象串转 Json 字符：使用 JSON.stringify() 方法
        // JSON.stringify() 方法可以由 3个参数
        // 第一个参数：要转换的对象
        // 第二个参数：可以是数组或函数，如果是数组，则仅转换数组中指定的元素，如果是函数，则可以自定义转换规则
        // 第三个参数：表示是否纯文本输出，文本缩进、空格、换行符
        var json = JSON.stringify(obj);
        console.log(json);
        console.log(typeof json);

        // JSON 字符串转 JS 对象：使用 JSON.parse() 方法
        // JSON.parse() 方法有 2个参数
        // 第一个参数：要转换的字符串
        // 第二个参数：可以是一个函数，用于转换属性值
        var obj2 = JSON.parse(str);
        console.log(obj2.name);
        console.log(obj2.age)
        console.log(typeof obj2);
    </script>
</body>
</html>